html, body
  height: 100%
  overflow: hidden
  font-family: 'PingFang SC', 'SourceHanSansCN-Medium', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
  
.cube-slide
  .cube-slide-dots
    display: flex
    align-items: center
    justify-content: flex-end
    bottom: 8px
    span
      width: 6px
      height: 6px
      margin: 0 2px
      background-color: rgba(255, 255, 255, 0.5)
      border-radius: 50%
      &.active
        width: 8px
        height: 8px
        background-color: #ffffff

.form-item
  .cube-input
    input
      text-align: right
      color: #333
    &.active
      input
        color: #666
        text-align: left

.cube-upload-file-def {
  width: 75px;
  height: 75px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 2px;
  position: relative;
}
.cube-upload-btn{
  padding-bottom: 1px;
}
.cube-upload-btn-def {
  width: 75px;
  height: 75px;
  background: #f3f8ff;
  border: 0 solid #83aff4;
  border-radius: 2px;
  i::before {
    background: #83aff4;
  }
  i::after {
    background: #83aff4;
  }
  &::after {
    border: 1px solid #83aff4;
    border-radius: 2px;
  }
}
.cube-toast-tip {
  max-height: 1.46667rem;
}

.border-line {
  position: relative;
  // height: 45px;
  &::after {
    position: absolute;
    content: " ";
    left: 10px;
    bottom: 0px;
    width: calc(100% - 10px);
    height: 1px;
    background: #d8d8d8;
    transform: scaleY(0.5);
    transform-origin: 50% 100%;
  }
  &.border-line-top::before {
    position: absolute;
    content: " ";
    left: 10px;
    top: 0px;
    width: calc(100% - 10px);
    height: 1px;
    background: #d8d8d8;
    transform: scaleY(0.5);
    transform-origin: 50% 100%;
  }
}
.name-space {
  display: block;
  min-width: 90px;
  width: 90px !important;
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  text-indent: 10px;
  white-space: nowrap;
}
.flex-line {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.cube-slide{
  .cube-slide-group{
    .cube-slide-item{
      a{
        display: flex;
        justify-content: center;
      }
    }
  }
}
.cube-popup-content{
  .cube-dialog-title{
    color: #333;
    font-size: 17px;
    font-weight: 500;
  }
  .cube-dialog-content{
    color: #333;
    }
}
.cube-dialog-btn_highlight{
  color:#043066
}
input{
  color:#333!important;
  // &:disabled {
  //   color #666 !important;
  //   -webkit-text-fill-color:#333;
  //   -webkit-opacity:1;
  //   opacity:1;
  // }
  // &::-webkit-input-placeholder { /* WebKit browsers */
  //   color: #999;
  // }
  // &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  //   color: #999;
  // }
  // &::-moz-placeholder { /* Mozilla Firefox 19+ */
  //   color: #999;
  // }
  // &:-ms-input-placeholder { /* Internet Explorer 10+ */
  //   color: #999;
  // }
}
textarea{
  color:#333!important;
  // &::-webkit-input-placeholder { /* WebKit browsers */
  //   color: #999;
  // }
  // &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  //   color: #999;
  // }
  // &::-moz-placeholder { /* Mozilla Firefox 19+ */
  //   color: #999;
  // }
  // &:-ms-input-placeholder { /* Internet Explorer 10+ */
  //   color: #999;
  // }
}

.btn-list
  padding 12px 20px;
  .handle-btn + .handle-btn
    margin-top 8px

.cube-dialog-title-def
  line-height 1.5